.conts {
	flex: 1;
	width: 100%;
	position: relative;
	z-index: 30;
	box-sizing: border-box;
	padding-bottom: 80upx;
	overflow-y: scroll;
	background-color: #F8F8F8;
	.shop-box {
		box-sizing: border-box;
		padding: 25upx 20upx;
		column-count: 2;
		column-gap: 20rpx;
		>.ad {
			break-inside: avoid;
			height: 442upx;
			border-radius: 20upx;
			overflow: hidden;
			margin-bottom: 22upx;
			image {
				width: 100%;
				height: 100%;
			}
		}
		>.shop-item {
			border-radius: 20upx;
			overflow: hidden;
			break-inside: avoid;
			margin-bottom: 22upx;
			>image {
				width: 100%;
				height: 345upx;
			}
			>view {
				background-color: #fff;
				box-sizing: border-box;
				padding: 17upx 22upx 26upx 22upx;
				>.price-row {
					display: flex;
					align-items: flex-end;
					justify-content: space-between;
					.cars {
						width: 50upx;
						height: 50upx;
					}
					>.add-car {
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						position: relative;
						border-radius: 50%;
						>image {
							width: 27upx;
							height: 27upx;
						} 
						>view {
							width: 26upx;
							height: 26upx;
							border-radius: 50%;
							background-color: #FF0000;
							display: flex;
							align-items: center;
							justify-content: center;
							line-height: 1;
							font-size: 20upx;
							color: #FFFFFF;
							position: absolute;
							top: -8upx;
							right: 0;
						}
					}
					>.rices {
						display: flex;
						align-items: flex-end;
						font-weight: bold;
						>text {
							font-size: 18upx;
							color: #E00B0B;
							margin-bottom: 3upx;
							margin-right: 10upx;
						}
						>view {
							font-size: 26upx;
							color: #E00B0B;
						}
					}
				}
				>.it-tip {
					font-size: 20upx;
					color: #969696;
					min-width: 0;
					width: 100%;
					>text {
						display: inline-block;
						white-space: nowrap;
						width: 100%;
					  overflow: hidden;
					  text-overflow: ellipsis;
					}
				}
				>.tit-box {
					position: relative;
					margin-bottom: 9upx;
					>view {
						width: 50upx;
						height: 25upx;
						background-color: #FFE9E3;
						display: flex;
						align-items: center;
						border-radius: 4upx;
						justify-content: center;
						font-size: 18upx;
						color: #E00B0B;
						position: absolute;
						top: 6upx;
						left: 0;
					}
					>text {
						text-indent: 54upx;
						display: -webkit-box;
						font-size: 28upx;
						line-height: 36upx;
						color: #000000;
						font-weight: 700;
						-webkit-box-orient: vertical;
						overflow: hidden;
						-webkit-line-clamp: 2;
						text-overflow: ellipsis;
					}
				}
			}
		}
	}
	.shop-tab {
		width: 100%;
		height: 105upx;
		background-color: #fff;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		overflow-x: scroll;
		>view {
			width: 148upx;
			position: relative;
			flex-shrink: 0;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			>text {
				font-size: 28upx;
				color: #000000;
				font-weight: bold;
			}
			>view {
				font-size: 20upx;
				color: #969696;
				font-weight: 400;
				margin-top: 13upx;
			}
		}
		.activs {
			>text {
				color: #E00B0B;
			}
			>view {
				height: 27upx;
				box-sizing: border-box;
				padding: 0 9upx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 20upx;
				color: #FFFEFE;
				border-radius: 15upx;
				background: linear-gradient(87deg, #ED795A 0%, #FF2E2D 87%);
				margin-top: 8upx !important;
			}
		}
		>view:not(:last-child)::after {
			position: absolute;
			content: '';
			width: 2upx;
			height: 48upx;
			background-color: #EAEAEA;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	>.set-lr {
		box-sizing: border-box;
		padding: 0 20upx;
		width: 100%;
	}
	.time-buy {
		background-color: #fff;
		width: 100%;
		height: 331upx;
		border-radius: 20upx;
		display: flex;
		margin-bottom: 26upx;
		>view {
			width: 50%;
			height: 100%;
			box-sizing: border-box;
			padding: 25upx;
			>.buy-shop {
				display: flex;
				align-items: center;
				>view {
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-right: 20upx;
					>image {
						width: 140upx;
						height: 140upx;
						border-radius: 20upx;
						margin-bottom: 18upx;
					}
					>view {
						height: 27upx;
						box-sizing: border-box;
						padding: 0 13upx;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 20upx;
						color: #FFFFFF;
						border-radius: 14upx;
						background: linear-gradient(87deg, #ED795A 0%, #FF2E2D 87%);
					}
					>text {
						font-size: 16upx;
						color: #969696;
						margin-top: 5upx;
						text-decoration-line: line-through;
					}
				}
				.up-jia {
					>view {
						background: linear-gradient(87deg, #62EB08 0%, #09C52F 87%);
					}
				}
			}
			>.buy-tip {
				font-size: 22upx;
				color: #969696;
				font-weight: 400;
				margin-bottom: 23upx;
			}
			>.buy-tit {
				display: flex;
				align-items: center;
				margin-bottom: 13upx;
				>text {
					font-size: 30upx;
					color: #000000;
					font-weight: bold;
					margin-right: 8upx;
				}
				>view {
					height: 26upx;
					width: 128upx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 22upx;
					color: #FFFFFF;
					font-weight: 400;
					border-radius: 13upx;
					>image {
						width: 18upx;
						height: 18upx;
						margin-right: 2upx;
					}
				}
				.tims {
					width: 112upx !important;
					background-color: #FF2B24;
				}
				.ups {
					background: linear-gradient(84deg, #63EC05 0%, #02C42F 100%);
				}
			}
		}
		>view:nth-of-type(1) {
			border-right: 1px solid #F8F8F8;
		}
	}
	>.banner {
		box-sizing: border-box;
		padding: 18upx 20upx 0 20upx;
		margin-bottom: 33upx;
		swiper {
			width: 100%;
			border-radius: 15upx;
			overflow: hidden;
			height: 140upx;
			swiper-item {
				width: 100%;
				height: 100%;
				image {
					width: 100%;
					height: 100%;
					border-radius: 15upx;
				}
			}
		}
	}
	>.type-box {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 35upx;
		>view {
			width: 20%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 17upx;
			>image {
				width: 110upx;
				height: 110upx;
				border-radius: 50%;
			}
			>view {
				font-size: 26upx;
				color: #000000;
				margin-top: 21upx;
				width: 100%;
				min-width: 0;
				font-weight: 400;
				>text {
					width: 100%;
					white-space: nowrap;
					display: inline-block;
					overflow: hidden;
					text-align: center;
					text-overflow: ellipsis;
				}
			}
		}
	}
	>.pin-tip {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 26upx 0;
		box-sizing: border-box;
		padding: 0 80upx; 
		>view {
			display: flex;
			align-items: center;
			>image {
				width: 35upx;
				height: 35upx;
			}
			>text {
				font-size: 20upx;
				color: #969696;
				margin-left: 4upx;
			}
		}
		>view:nth-of-type(1) {
			>image {
				width: 26upx;
				height: 26upx;
				margin-right: 4upx;
			}
		}
		>view:nth-of-type(3) {
			>image {
				width: 30upx;
				height: 30upx;
				margin-right: 4upx;
			}
		}
	}
	>.changxian {
		width: 100%;
		height: 320upx;
		position: relative;
		>image {
			width: 100%;
			height: 100%;
		}
		>.shop-row {
			height: 196upx;
			width: 100%;
			position: absolute;
			bottom: 17upx;
			left: 0;
			box-sizing: border-box;
			padding: 0 44upx;
			z-index: 100;
			display: flex;
			align-items: center;
			>view:not(:last-child) {
				margin-right: 21upx;
			}
			>view {
				width: 152upx;
				height: 100%;
				flex-shrink: 0;
				overflow: hidden;
				border-radius: 20upx;
				>image {
					width: 100%;
					height: 160upx;
					display: block;
				}
				>view {
					width: 100%;
					display: flex;
					font-weight: bold;
					height: 36upx;
					align-items: center;
					background: linear-gradient(135deg, #FE1A79 0%, #FE0C59 100%);
					justify-content: center;
					>text {
						font-size: 17upx;
						color: #FFFFFF;
					}
					>view {
						font-size: 23upx;
						color: #FFFFFF;
					}
				}
			}
		}
	}
}
.search-rows {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999; // 确保在最上层
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); // 添加阴影提升视觉效果
	box-sizing: border-box;
	padding: 0 20upx 22upx 20upx;
	>view {
		width: 100%;
		height: 66upx;
		background-color: #f0f0f0;
		border-radius: 40upx;
		box-sizing: border-box;
		padding: 5upx 6upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		>.btns {
			width: 123upx;
			height: 100%;
			background-color: #0B59E0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26upx;
			color: #FFFFFF;
			border-radius: 40upx;
		}
		>view:nth-of-type(1) {
			flex: 1;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding: 0 19upx;
			>image {
				width: 34upx;
				height: 34upx;
				margin-right: 14upx;
			}
			>input {
				flex: 1;
				height: 100%;
				font-size: 26upx;
			}
		}
	}
}
.bg-box {
	// height: 100vh;
	z-index: 30;
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.locations {
	display: flex;
	align-items: center;
	>.icons {
		width: 36upx;
		height: 32upx;
	}
	>text {
		font-size: 28upx;
		color: #FFFFFF;
		margin-left: 10upx;
		white-space: nowrap;
	}
	>view {
		background-color: rgba(0,0,0,0.4);
		border-radius: 6upx;
		box-sizing: border-box;
		padding: 6upx 8upx;
		display: flex;
		line-height: 1;
		align-items: center;
		font-size: 18upx;
		color: #FFFFFF;
		margin-left: 10upx;
	}
	>.downs {
		width: 20upx;
		height: 20upx;
		margin-left: 10upx;
	}
}
::v-deep .backHeader {
	>view:nth-of-type(1) {
		width: 100% !important;
	}
}
::v-deep .allHead {
	z-index: 1;
	position: relative;
	>view {
		background: transparent !important;
	}
}
.head-bg {
	width: 100%;
	height: 750upx;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}
.fixed-bot {
	width: 100%;
	height: 80upx;
	background-color: #0B59E0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 30upx;
	border-radius: 30upx 30upx 0 0;
	>text {
		color: #fff;
		font-size: 28upx;
	}
	>view {
		width: 140upx;
		height: 48upx;
		background-color: #F6F6F6;
		border-radius: 30upx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24upx;
		color: #0B59E0;
	}
}
.emptyds {
	padding-top: 130upx;
	padding-bottom: 60upx;
}